@font-face {
    font-family: 'SourceHanSansCNExtraLight';
    src: url("/public/static/fonts/SourceHanSansCN-ExtraLight.otf");
}
@font-face {
    font-family: 'SourceHanSansCNLight';
    src: url("/public/static/fonts/SourceHanSans-Light.otf");
}

@font-face {
    font-family: 'enLight';
    src: url('/public/static/fonts/MYRIADPRO-LIGHTSEMIEXT.OTF');
}

@font-face {
    font-family: 'enBold';
    src: url('/public/static/fonts/MyriadPro-Bold.otf');
}
@font-face {
    font-family: 'enHeavy';
    src: url('/public/static/fonts/SourceHanSans-Heavy.otf');
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {  
    margin: 0;
    padding: 0;
}

fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

ul, ol {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
}

select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 12px;
    margin: 0;
}

textarea {
    resize: none;
}

/*防止拖动*/

img {
    border: 0;
    vertical-align: middle;
}

/* 去掉图片低测默认的3像素空白缝隙*/

table {
    border-collapse: collapse;
}

.clearfix:before, .clearfix:after {

    content: "";

    display: table;

}

.clearfix:after {
    clear: both;
}

.clearfix {

    *zoom: 1; /*IE/7/6*/

}
a{
    color: #ffffff;
    text-decoration: none;

}
/* a, a:hover {
    text-decoration: none;
    color: #000000;
} */

s, i, em {
    font-style: normal;
    text-decoration: none;
}

:focus {
    outline: none;
}

::-webkit-scrollbar {
    display: none;/*隐藏滚轮*/
}
@keyframes aboutup{
    0%{
        margin-top:-100px;
        opacity: 0;
    }
    100%{
        opacity: 1;
        margin-top: 0;
    }
}
@keyframes aboutdw{
    0%{
        margin-top:100px;
        opacity: 0;
    }
    100%{
        opacity: 1;
        margin-top: 0;
    }
}
@keyframes opacity{
    0%{
        opacity: 0
    }
    100%{
        opacity: 1;
    }
}
@keyframes tr{
    0%{
        transform: scale(0.5);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes marintop{
    0%{
        transform: translateY(-50px);
        opacity: 0;
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes marinbottom{
    0%{
        opacity: 0;
        transform: translateY(50px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes marinleft{
    0%{
        opacity: 0;
        transform: translateX(-50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes marinright{
    0%{
        opacity: 0;
        transform: translateX(50px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes marinleft1{
    0%{
        opacity: 0;
        transform: translateX(-250px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes marinright1{
    0%{
        opacity: 0;
        transform: translateX(250px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}